<!DOCTYPE html>

<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>The Alpine Top School</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width; initial-scale=1.0">
	<link rel="stylesheet" href="./index_files/reset.css" type="text/css" media="screen">
	<link rel="stylesheet" href="./index_files/skeleton.css" type="text/css" media="screen">
	<link rel="stylesheet" href="./index_files/superfish.css" type="text/css" media="screen">
	<link rel="stylesheet" href="./index_files/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="./index_files/slider.css" type="text/css" media="screen">
	</script><script src="./index_files/jquery-1.7.1.min.js"></script>
	<script src="./index_files/script.js"></script>
	<script src="./index_files/superfish.js"></script>
	<script src="./index_files/jquery.hoverIntent.js"></script>
	<script src="./index_files/jquery.responsivemenu.js"></script>
	<script src="./index_files/slides.min.jquery.js"></script>
	<script src="./index_files/jquery.easing.1.3.js" type="text/javascript"></script>
	<script src="./index_files/jquery.equalheights.js" type="text/javascript"></script> 
	<script>
	
	
	
	$(document).ready(function() {
  // Handler for .ready() called.
 // alert("hello");


main();



function main(){
	
setTimeout(function(){	
	
	    $("div#s0").fadeIn(500)
		$("div#s1").fadeOut();
	    $("div#s2").fadeOut();
		$("div#s3").fadeOut();
	
	},1500);
	
	
	setTimeout(function(){	
	
	    $("div#s0").fadeOut();
		$("div#s1").fadeIn(1000);
	    $("div#s2").fadeOut();
		$("div#s3").fadeOut();
	
	},4500);
	
	
	
	setTimeout(function(){	
	
	    $("div#s0").fadeOut();
		$("div#s1").fadeOut();
	    $("div#s2").fadeIn(1500);
		$("div#s3").fadeOut();
		main();
	
	},8500);
	
	
	
	setTimeout(function(){	
	
	    $("div#s0").fadeOut();
		$("div#s1").fadeOut();
	    $("div#s2").fadeOut();
		$("div#s3").fadeIn(2000);
	
	},11500);
	

}


});
        
		
		
  
	
	</script>
	<!--[if lt IE 8]>
		<div style='clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
				<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today.">
			</a>
		</div>
	<![endif]-->
	<!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<style>body{min-width:960px;}</style>
	<![endif]-->
<style type="text/css">

</style>
</head>
<body id="page1">
	<div class="bg">
		<!--======================== header ============================-->
		<header>
			<div class="container_24">
				<div class="grid_24">
					<div class="indent-bottom">
						<!--======================== logo ============================-->
						<h1>
							<a href="index.htm"></a>
						</h1>
						<!--======================== menu ============================-->
						<nav>
							<ul class="menu responsive-menu sf-js-enabled">
								<li class="current"><a href="index.htm" class="bg-color1 sf-with-ul">Home<span class="menu-arrow"> </span></a>
									<ul style="display: none;">
									  <li><a href="http://cdn.livedemo00.template-help.com:82/wt_39379/index.html#">Our History</a></li>
										<li><a href="http://cdn.livedemo00.template-help.com:82/wt_39379/index.html#">Our Mission</a></li>
										<li class="last-item"><a href="http://cdn.livedemo00.template-help.com:82/wt_39379/index.html#">Why Us</a></li>
								  </ul>
							  </li>
								<li><a href="vision.htm" class="bg-color2">VISION</a></li>
								<li><a href="facility.htm" class="bg-color3">FACILITIES</a></li>
								<li><a href="curriculum.htm" class="bg-color4">CURRICULUM</a></li>
								<li><a href="about.htm" class="bg-color1">ABOUT US</a></li>
								<li><a href="contactus.php" class="bg-color2">CONTACT US</a></li>
							</ul>
						</nav>
						<div class="clear"></div>
					</div>
					<!--=================== slider ==================-->
					<div id="slides">
						<div class="slides_container" style="overflow: hidden; position: relative; display: block;">
							<div class="slides_control"  style="position: relative; width: 2850px; height: 412px; left: -950px;">
                            
                            <div class="slide" id="s0" style="position: absolute; top: 0px; left: 950px; z-index: 0;">
								<img src="./index_files/slide1.jpg" alt="">
								<div class="caption" style="right: 34.90488888888888px;"></div>
                                
                                
							</div>
                            
                            <div class="slide" id="s1" style="position: absolute; top: 0px; left: 950px; z-index: 1; display: none;">
								<img src="./index_files/slide2.jpg" alt="">
								<div class="caption" style="right: 34.90488888888888px;"></div>
                                
                                
							</div><div class="slide" id="s2" style="position: absolute; top: 0px; left: 950px; z-index: 2; display: none;">
								<img src="./index_files/slide3.jpg" alt="">
								<div class="caption" style="right: 34.90488888888888px;"></div>
							</div><div class="slide" id="s3" style="position: absolute; top: 0px; left: 950px; z-index: 3; display: none;">
								<img src="./index_files/slide4.jpg" alt="">
								<div class="caption" style="right: 34.90488888888888px;"></div>
							</div></div>
							
							
							
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</header>
		<!--======================== content ===========================-->
		<section id="content">
			<div class="container_24">
				<div class="wrapper">
					<div class="grid_8">
						<div class="indent-right1">
							<div class="box bg-color2 maxheight" style="height: 519px; background-color:rgba(255,255,255,.4); ">
								<div class="indents">
									<h3 class="p3">Our Vision</span></h3>
									<p class="font-1 p5-1">   Education is the most powerful weapon which you can use to change the world. The most important investment you can make is in your child's education and their future success. Achild without education is like a bird without wings.</p>
									<ul class="list-1 p6">
										<li><span><a href="http://cdn.livedemo00.template-help.com:82/wt_39379/index.html#">NO STRESS, NO FEAR OF EXAMS,</a></span></li>
										<li><span><a href="http://cdn.livedemo00.template-help.com:82/wt_39379/index.html#">Programs for Educators</a></span></li>
										<li class="last-item"><span><a href="http://cdn.livedemo00.template-help.com:82/wt_39379/index.html#">Dynamic Classrooms</a></span></li>
									</ul>
									<a href="vision.htm" class="button">READ MORE</a>
								</div>
							</div>
						</div>
					</div>
					<div class="grid_8">
						<div class="indent-lr">
							<div class="box bg-color1 maxheight" style="height: 519px; background-color:rgba(255,255,255,.4); ">
								<div class="indents">
									<h3 class="p4">our Location<span></span></h3>
									<figure class="p5">
										<img src="./index_files/page1-img1.jpg" alt="">
									</figure>
									<p class="p5-1">The school is spread over 4 acres of undulating landscape of   breathtaking beauty. It is situated  on the the Ratia Bhudlada Road,   State Highway-21. The school impresses with the multistory elegant   building with spacious A.C. class rooms, high tech labs ,Sprawling lawns </p>
									<a href="facility.htm" class="button">READ MORE</a>
								</div>
							</div>
						</div>
					</div>
					<div class="grid_8 last-col" >
						<div class="indent-left1">
							<div class="box bg-color3 maxheight" style="height: 519px; background-color:rgba(255,255,255,.4); ">
								<div class="indents">
								  <h3 class="p3-1">Admissions<span></span></h3>
									<dl class="list-1 p6">
										<dt><br>
								        The academic year lasts from 1st April to 31st March. The school will close for summer vacation during May and June and in winter during December.</dt>
										<dd>&nbsp;</dd>
										<dt><br>
										  Admission open to all children without any distinction of caste, creed and religion for Nursery to class 6th. Admission will be on the basis of written test/interview. </dt>
										<dd>&nbsp;</dd>
										<dt><br>
										  The Principal reserves the right to admit the child into the class deemed suitable for him/her.</dt>
										<dd>&nbsp;</dd>
									</dl>
									<a href="#" class="button">READ MORE</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--======================== footer ============================-->
	<footer>
			<div class="container_24">
				<div class="wrapper">
					<div class="grid_24">
<!-- 						<ul class="footer-menu">								
								<li><a href="index.htm">Home</a></li>
								<li><a href="about.htm">Vision</a></li>
								<li><a href="facility.htm">Facilities</a></li>
								<li><a href="curriculum.htm">Curriculum</a></li>
								<li class="last-item"><a href="about.htm">About Us</a></li>
							</ul> -->
						<div align="right">
							<span>The Alpine Top School @ 2014</span> 
						</div>
					</div>
				</div>
			</div>
		</footer>
	</div>


</body>

<style>

.bg{
	background: url(index_files/cover.jpg);
    background-repeat: no-repeat;
	background-size:cover;
	}


</style>

</html>